/*******************************************************************/
/************************全局样式************************************/
/*******************************************************************/

/** [全局定义] */
html {
  overflow: auto;
}

textarea {
  border: 1px solid #ccc;
}

input {
  border: 1px solid #bdc3c7;
}

/* 设置A标签*/
a, a:visited {
  color: #0078b6;
  text-decoration: none;
  cursor: pointer
}

a:focus {
  color: #28a3ef;
  outline: none;
}

a:active, a:hover {
  color: #28a3ef;
  text-decoration: none;
}

/* 表格标题行 */
table {
  background-color: #fff;
}

table.z-table tr {
  height: 70px;
}

table.z-table td, table.z-table th {
  line-height: 100%;
}

.tab-th {
  height: 40px;
  line-height: 40px;
  background-color: #f4f4f4;
  vertical-align: middle;
  font-size: 14px;
}

.tab-th td {
  font-size: 14px;
}

.tab-no {
  height: 70px;
  line-height: 70px;
}

.tab-no td {
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #666;
}

.tab-page {
  height: 40px;
  line-height: 40px;
}

.tab-page td {
  vertical-align: middle;
  text-align: right;
}

input {
  box-shadow: none !important;
}

/**禁止文字选中*/
.text-none-select {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 温馨提示 */
.text-tips {
  position: relative;
  background-color: #ebf2fa;
  border: 1px solid #d9ebff;
  font-size: 14px;
  color: #666;
  width: 100%;
  line-height: 40px;
  text-indent: 35px;
  background-image: url();
  background-position: 5px;
  background-repeat: no-repeat;
}


/***********************************/
/***面包屑*************************/
/***********************************/
.breadcrumb-wrap {
  margin-top: 20px;
  margin-bottom: 10px;


  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}

.breadcrumb-wrap * {
  font-size: 16px;
}

/***********************************/
/***flex布局*************************/
/***********************************/
.flex {
  display: flex;
}

.flex-auto {
  flex: 1
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: row-reverse
}

.flex-a-center {
  align-items: center
}

.flex-a-start {
  align-items: start
}

.flex-a-end {
  align-items: end
}

.flex-c-center {
  justify-content: center
}

.flex-c-start {
  justify-content: start
}

.flex-c-end {
  justify-content: end
}

.flex-c-between {
  justify-content: space-between
}

.flex-c-around {
  justify-content: space-around
}

.flex-c-evenly {
  justify-content: space-evenly
}


/***************************************/
/*********文字省略号**********************/
/***************************************/
.text-ellipsis, text-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/**********************************************************************/
/**************************淘宝标签下拉列表******************************/
/**********************************************************************/
.multi-dropdown > div.display-name > i.icon-flag {
  transition: transform .2s ease-in;
}

.multi-dropdown.show > div.display-name > i.icon-flag {
  transform: rotate(180deg);
  -o-transform: rotate(180deg); /* Opera */
  -ms-transform: rotate(180deg); /* IE 9 */
  -moz-transform: rotate(180deg); /* Firefox */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  transform-origin: 50% 50%; /* Opera */
  -o-transform-origin: 50% 50%; /* Opera */
  -ms-transform-origin: 50% 50%; /* IE 9 */
  -moz-transform-origin: 50% 50%; /* Firefox */
  -webkit-transform-origin: 50% 50%; /* Safari and Chrome */
}

/**标签抽屉样式**/
.p-dropdown-box {
  position: absolute;
  z-index: -99999;
  left: -10px;
  height: 460px;
  min-width: 500px;
  overflow: hidden;
}

.multi-dropdown.show .p-dropdown-box {
  z-index: 999
}

.p-dropdown-container {
  height: 430px;
  top: -460px;
  transition: .2s transform linear;
  position: absolute;
  width: calc(100% - 30px);
  left: 10px;
  padding: 6px;
  padding-left: 0px;
  border-radius: 6px;
  background: #ffffff;
  z-index: 9999999;
}

/*展开样式*/
.multi-dropdown.show .p-dropdown-box .p-dropdown-container {
  box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.2);
  transform: translateY(460px);
  -o-transform: translateY(460px); /* Opera */
  -ms-transform: translateY(460px); /* IE 9 */
  -moz-transform: translateY(460px); /* Firefox */
  -webkit-transform: translateY(460px); /* Safari and Chrome */
}

.p-dropdown-container .leftMenu {
}

.p-dropdown-container .leftMenu ul {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  background: #ffffff;
  list-style: none;
  direction: rtl;
}

/*-------滚动条整体样式----*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  left: 0px;
}

/*滚动条里面小方块样式*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar-thumb {
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  background: #DEE1E6;
}

/*滚动条里面轨道样式*/
.p-dropdown-container .leftMenu ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.p-dropdown-container .leftMenu li {
  width: 100%;
  position: relative;
  right: 0
}

/**设置分类左边滚动条&内容靠左**/

.p-dropdown-container .leftMenu > ul > li {
  display: flex;
  justify-content: flex-end
}

/**设置第一个li上边框为none*/
.p-dropdown-container .leftMenu > ul > li:nth-child(1) {
  border-top: none;
}

.p-dropdown-container .leftMenu > ul > li > div.cat {
  width: 120px;
}

.p-dropdown-container .leftMenu > ul > li:hover div.cat {
  border-right: none;
  background: #F2F2F2
}

.p-dropdown-container .leftMenu > ul > li:hover div.cat .cat-name {
  color: #008ad3
}

/**设置内容下宽度*/
.p-dropdown-container .leftMenu > ul > li ul {
  flex: 1;
  z-index: 99;
  width: calc(100% - 130px);
  right: 0;
  top: 0;
  display: none;
  position: fixed;
  bottom: 0;
  display: none;
}

/**设置分类下的所有内容右边滚动条**/
.p-dropdown-container .leftMenu > ul > li * {
  direction: ltr;
}

.multi-dropdown.show .p-dropdown-container .leftMenu > ul > li:hover ul {
  display: block;
}

/**第一项内容展示*/
.multi-dropdown.show .p-dropdown-container .leftMenu > ul > li:nth-child(1) ul {
  display: block
}

/*******************************************************************************************************************/


/************************************************************/
/****************这里重写SUI 样式******************************/
/************************************************************/
.sui-form, .sui-table, .sui-table *, .sui-form * {
  font-size: 14px !important;
}

.sui-form input {
  height: unset !important;
}

/************************************************************/
/****************重写zhiqim样式*******************************/
/************************************************************/
.z-checkbox, .zi-checkbox, .z-radio, .zi-radio {
  caret-color: rgba(0, 0, 0, 0); /**隐藏光标**/
}

/************************************************************/
/****************颜色定义*************************************/
/************************************************************/
.bg-success {
  background-color: #67c23a;
  text-color: #ffffff;
  color: #FFFFFF
}

.bg-warning {
  background-color: #e6a23c;
  text-color: #ffffff;
  color: #FFFFFF
}

.bg-danger {
  background-color: #f56c6c;
  text-color: #ffffff;
  color: #FFFFFF
}

.bg-info {
  background-color: #909399;
  text-color: #ffffff;
  color: #FFFFFF
}

.bg-success-sub {
  background-color: #e1f3d8;
  text-color: #67c23a;
  color: #67c23a
}

.bg-warning-sub {
  background-color: #faecd8;
  text-color: #e6a23c;
  color: #e6a23c
}

.bg-danger-sub {
  background-color: #fde2e2;
  text-color: #f56c6c;
  color: #f56c6c
}

.bg-info-sub {
  background-color: #e9e9eb;
  text-color: #909399;
  color: #909399
}

.bg-success .sub-msg, .bg-warning .sub-msg, .bg-danger .sub-msg, .bg-info .sub-msg {
  opacity: .69;
}


/************************************************************/
/****************重写element ui*******************************/
/************************************************************/

.el-input--medium {
  line-height: 40px
}

.el-input--small {
  line-height: 32px
}

.el-input--mini {
  line-height: 28px
}
